<template>
	<div class="InfoNavigation">
		<header>
			<img  :src="`${$ip}/api/public/showimg/${$store.state.img}`"/>
		</header>
		<ul>
			<router-link to="/pc/info/updatePwd">
				<li>密码修改</li>
			</router-link>
			<router-link to="/pc/info/updatePic">
				<li>个人头像修改</li>
			</router-link>
			<router-link to="/pc/info/updateInfo">
				<li>个人信息修改</li>
			</router-link>
			<li>我的评论</li>
		</ul>
	</div>
</template>

<script>
	export default{
		name :"InfoN",
		data() {
			return{
				
			}
		}
	}
</script>

<style scoped>
	a{
		color: black;
	}
	.InfoNavigation{
		width: 20%;
		height: 70vh;
		border:  2px solid gainsboro;
	}
	.InfoNavigation header{
		width: 100%;
		height: 90px;
		text-align: center;
		background-color: gainsboro;
		
	}
	.InfoNavigation header img{
		width: 70px;
		height: 70px;
		border-radius: 50%;
		margin-top: 10px;
	}
	.InfoNavigation ul{
		width: 100%;
	}
	.InfoNavigation ul li{
		width: 100%;
		height: 60px;
		text-align: center;
		line-height: 60px;
	}
	.InfoNavigation ul li:hover{
		background-color: skyblue;
	}
</style>